@import './step-confirmation-button/style';
@import './address-step/style';
@import './packages-step/style';
@import './customs-step/style';
@import './rates-step/style';

&.label-purchase-modal {
	height: 90%;
	width: 90%;

	.dialog__content {
		flex-grow: 1;
		display: flex;
		flex-direction: column;

		@include breakpoint-deprecated( '<660px' ) {
			padding: inherit;
			overflow-y: scroll;
		}
	}

	@include breakpoint-deprecated( '<660px' ) {
		&.dialog.card {
			height: 100%;
			max-height: 100%;
			width: 100%;
			max-width: 100%;
		}
	}
}

.label-purchase-modal__sidebar {
	flex-basis: 100%;
	padding: 32px;

	@include breakpoint-deprecated( '>660px' ) {
		flex-basis: 40%;
		padding: 24px;
		margin-left: 24px;
		background: var( --color-neutral-0 );
	}

	@include breakpoint-deprecated( '>960px' ) {
		flex-basis: 30%;
	}
}

.label-purchase-modal__content {
	display: flex;
	flex-direction: column;
	height: 100%;
	flex-grow: 1;

	.gridicon.is-success {
		color: var( --color-success );
	}

	.gridicon.is-warning {
		color: var( --color-warning );
	}

	.is-error:not( .notice ) {
		color: var( --color-error );
	}

	.is-error,
	.is-warning,
	.is-success {
		.notice__icon {
			display: block;
		}
	}

	select {
		width: 100%;

		option, optgroup {
			color: initial;
		}
	}

	.foldable-card__header {
		padding: 12px 16px;
	}

	.foldable-card__secondary {
		white-space: nowrap;
	}

	.foldable-card.is-expanded {
		.foldable-card__content {
			padding: 24px;
		}
	}

	.foldable-card__summary,
	.foldable-card__summary-expanded {
		> span:first-child {
			display: flex;
			align-items: center;
			justify-content: flex-end;
		}

		svg:empty {
			display: none;
		}
	}

	@include breakpoint-deprecated( '<660px' ) {
		.form-section-heading {
			padding-top: 20px;
			padding-left: 20px;
		}
	}
}

.label-purchase-modal__body {
	display: flex;
	flex-grow: 1;

	@include breakpoint-deprecated( '<660px' ) {
		flex-direction: column;
	}
}

.label-purchase-modal__main-section {
	flex-basis: 100%;

	@include breakpoint-deprecated( '>660px' ) {
		flex-basis: 60%;
	}

	@include breakpoint-deprecated( '>960px' ) {
		flex-basis: 70%;
	}
}

.label-purchase-modal__step-title,
.label-purchase-modal__step-status {
	float: left;
}

.label-purchase-modal__step-status {
	margin: 3px 0 0 5px;
}

.label-purchase-modal__step-title {
	margin: 0 0 0 8px;
}

.label-purchase-modal__price-item {
	display: flex;
	margin-bottom: 8px;

	&.label-purchase-modal__price-item-total {
		font-weight: 600;
		margin-bottom: 0;
	}
}

.label-purchase-modal__price-item-help {
	color: var( --color-neutral-20 );
	cursor: help;

	svg {
		margin-top: 2px;
	}
}

.label-purchase-modal__price-item-amount {
	flex-grow: 1;
	text-align: right;
}
